The for...of loop is used to iterate over iterable objects—like Arrays, Strings, Maps, Sets, and NodeLists. It focuses on the values stored in the collection.
The for...in loop iterates over all enumerable properties of an object. In simpler terms, it looks at the keys (the names of the properties).